<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div class="box">我是一个div</div>
    <ol>
      <li>我是第一个孩子</li>
      <li>我是第二个孩子</li>
      <li>我是第三个孩子</li>
    </ol>
    <ul class="nav">
      <li>新闻</li>
      <li>体育</li>
      <li>娱乐</li>
    </ul>
  </body>
</html>
<script>
  // js中获取DOM元素的方法：
  // 1，css选择器来获取DOM元素
  // document.querySelector()
  // document.querySelectorAll()
  var div = document.querySelector('.box')
  console.log(div);
  console.log(typeof div );  //查看是否对象 object

//   document.querySelector("css选择器"); //参数：包含一个或多个css选择器--字符串
  // 返回值： 如果是找到了返回是找到的第一个选择器，找不到就返回null

//   var olList = document.querySelectorAll('ol li')
//   console.log(olList);

var divnav = document.querySelectorAll('.nav li')
console.log(divnav);



</script>
